<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AutoComplete Test Page</title>
<script src="../lib/simple.js"></script>
<script src="../plugins/AutoComplete.js"></script>
<style>
body {font-size:11px}
</style>
<script>
$(function () {
	new $.AutoComplete({
		$input: $('#auto-complete-cnt input'),
  		$show: $('#auto-complete-show'),
  		url: 'http://stat.pp.tv/do.ashx?action=getHotWords&w={0}',
  		useJson: true,
  		delay: 0,
  		//hideWhenNoResult : false,
  		process: function (o) { return '<div class="auto-complete">' + o[0] + '</div>' },
  		noCache : false,
  		jsonCallbackName : 'thanks'	
	});
});
</script>
<head>
<body>
<style>
#auto-complete-cnt{
	position:relative;margin-left:300px
}
#auto-complete-cnt input{width:300px;height:18px}
#auto-complete-show{position:absolute;top:30px;background:#fff;border:1px solid #000;width:300px}
.auto-complete-selected{background:#000;color:#fff}
</style>
<div id="auto-complete-cnt">
    <input type="text"/>
    <div id="auto-complete-show"></div>
</div> 
</body>
</html>
